<div class="toolbar">
    <ul>
        <li class="scroll-item scroll-item-call">
            <a href="/user/trolleyManage" title="购物车" class="iconfont toolbar-item" id="toolbar_a_hover1">
                <span class="toolbar-layer"><img src="/common/icon/shopcar.png" width="24px" height="24px"/></span>
            </a>
            <div class="tc-15-bubble disp-n" style="display: none;" id="toolbar_div1">
                <div class="tc-15-bubble-inner">
                    <div class="tc-15-bubble-inner-ico"><img src="/common/images/sjx.png" width="20px" height="20px"></div>

                    <#if username??>
                        <div class="des-text tun">点击进入我的购物车！</div>
                    <#else>
                        <div class="des-text tun">您还未登录,请先登录！</div>
                    </#if>

                </div>
            </div>
        </li>
        <li class="scroll-item scroll-item-call">
            <a href="tencent://message/?uin=30694945&Site=博艺网&Menu=yes" title="在线客服" class="iconfont toolbar-item">
                <span class="toolbar-layer"><img src="/common/images/kf.png" width="24px" height="24px"/></span>
            </a>
        </li>
        <li class="scroll-item scroll-item-call">
            <a href="#" title="微信扫码" class=" iconfont icon-erweima toolbar-item" id="toolbar_a_hover2">
                <span class="toolbar-layer"></span>
            </a>
            <div class="tc-15-bubble disp-n" style="width:420px;display: none;" id="toolbar_div2">
                <div class="tc-15-bubble-inner" style="height:180px;">
                    <div class="tc-15-bubble-inner-ico">
                        <img src="/common/images/sjx.png" width="20" height="20">
                    </div>
                    <div style="float: left;width: 50%;height: 150px;">
                        <img src="/common/images/qrcode.png" width="110" height="110" style="margin-top:10px;">
                        <div class="des-text">下载APP</div>
                    </div>
                    <div style="float: left;width: 50%;height: 150px;">
                        <img src="/common/images/qrcode_wx.jpg" width="110" height="110" style="margin-top:10px;">
                        <div class="des-text">微信公众号</div>
                    </div>
                </div>
            </div>
        </li>
        <li class="scroll-item scroll-item-call">
            <a href="#" title="客服电话" class=" iconfont icon-dianhua toolbar-item" id="toolbar_a_hover3">
                <span class="toolbar-layer"></span>
            </a>
            <div class="tc-15-bubble disp-n" style="display: none;" id="toolbar_div3">
                <div class="tc-15-bubble-inner">
                    <div class="tc-15-bubble-inner-ico"><img src="/common/images/sjx.png" width="20" height="20"></div>
                    <div class="des-text">服务热线：<strong>028-62528708</strong></div>
                </div>
            </div>
        </li>
        <#--<li class="scroll-item">-->
            <#--<a href="/feedback" title="用户反馈" class=" iconfont icon-yijianfankui1 toolbar-item"></a>-->
        <#--</li>-->
        <li class="scroll-item" id="scrollUp">
            <a href="javascript:void(0);" title="返回顶部" id="rtt" class="toolbar-item toolbar-item-top iconfont icon-fanhuidingbu"></a>
        </li>
    </ul>
</div>

<script>
    $(function() {
        $("#toolbar_a_hover1").on('hover', function() {
            $(this).next("#toolbar_div1").show();
        });
        $("#toolbar_a_hover1").on('mouseleave', function() {
            $(this).next("#toolbar_div1").hide();
        });
        $("#toolbar_a_hover2").on('hover', function() {
            $(this).next("#toolbar_div2").show();
        });
        $("#toolbar_a_hover2").on('mouseleave', function() {
            $(this).next("#toolbar_div2").hide();
        });
        $("#toolbar_a_hover3").on('hover', function() {
            $(this).next("#toolbar_div3").show();
        });
        $("#toolbar_a_hover3").on('mouseleave', function() {
            $(this).next("#toolbar_div3").hide();
        });
    })
</script>